<template>
	<view class="content">
		
		<view class="rightullidiv">
			<img :src="imgsrc" class="rightulliimg">
		</view>
		
		<view class="quesion-button">
			<button type="primary" @click="click" id="click">开始答题</button>
		</view>

	</view>
</template>

<script>
	import unils from "../../unils/utils.js"
	export default {
		data() {
			return {
				imgsrc: require('../../static/index_background.jpg'),
				category_title: '未选择题库',
				list:[
					{
						"name":"在线考试",
						'icon':"../../static/kaoshi.png",
						'url':"../kaoshi/kaoshi"
					},
					{
						"name":"顺序练习",
						'icon':"../../static/lianxi.png",
						'url':","
					},
					{
						"name":"在线考试",
						'icon':"../../static/kaoshi.png",
						'url':","
					}
				],
			}
		},
		onLoad() {
			let categoryName = uni.getStorageSync('category');
			this.category_title = categoryName;

		},
		onReady() {
			
		},
		onShow(option) {
			
		},
		methods: {
			getUserInfo(e){
				unils.getUserInfo(e);
				console.log('sdfsdfsfdsdfsdf');
			},
			click(){

				uni.navigateTo({
					url:"../kaoshi/kaoshi"
				})
			},
			tocategory(){
				uni.navigateTo({
					url:"../switchcategory/switchcategory"
				})
			}
		}
	}
</script>

<style lang="scss">
	
	.content{
		
		.rightulliimg {
			width:100%;			//大小设置为100%
			height:100%;			//大小设置为100%
			position:fixed;
			background-size:100% 100%;
		}
		
	 #click {
		background: #dc0000;
		width: 40%;
		padding: 4px;
		position: absolute;
	 	left: 50%;
		top: 88%; 
		transform: translateX(-50%) translateY(-50%);
		border-radius: 3px;
		
		border: 2px solid #ffffff;
	}
		
	
	}
		
		
	
</style>
